<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css"
		href="#{request.contextPath}/style/default.css" media="screen" />
	<link rel="shortcut icon"
		href="#{request.contextPath}/imgs/favicon.ico" type="image/x-icon" />

	<script type="text/javascript"
		src="#{request.contextPath}/js/jquery.format-1.2.js"></script>
		<script type="text/javascript"
		src="#{request.contextPath}/js/Util.js"></script>
	<title>Meu Sistema</title>
	<style type="text/css">
body {
	background-color: #eeeeee;
	font-size: 12px
}
</style>

	<ui:insert name="head" />
</h:head>
<h:body>
	<p:ajaxStatus onstart="statusDialog.show();"
		onsuccess="statusDialog.hide();" />

	<p:dialog modal="true" widgetVar="statusDialog" minimizable="false"
		resizable="false" maximizable="false" draggable="false"
		closable="false">
		<p:graphicImage value="/imgs/ajaxloading.gif" />
		<h:outputText value="#{lbls.LBL_0060}" />
	</p:dialog>
	<div align="center">
		<p:layout style="min-width:920px;max-width:920px;min-height:600px">
			<p:layoutUnit position="north" size="100">
				<h:form id="formHeader">
					<p:menubar>
						<p:menuitem value="Inicio" icon="ui-icon-document" />
						<p:menuitem value="Pessoas" action="/manterPessoa.jsf"
							ajax="false" />
						<p:menuitem value="Marcas" action="/marcaCrud.jsf" ajax="false" />
						<p:menuitem value="Grupos" action="/grupoCrud.jsf" ajax="false" />
						<p:menuitem value="Compra" action="/entradaProduto.jsf"
							ajax="false" />
						<p:menuitem value="Produtos" action="/produtoCrud.jsf"
							ajax="false" />
						<p:menuitem value="Vendas" action="/vendaProduto.jsf" ajax="false" />
						<p:menuitem value="Sair" icon="ui-icon-close" />
					</p:menubar>
				</h:form>
			</p:layoutUnit>


			<p:layoutUnit position="center">
				<p:growl id="mensagens" autoUpdate="true" />
				<ui:insert name="centro" />
			</p:layoutUnit>
		</p:layout>
	</div>

</h:body>
</html>